<#assign CACHE_VERSION = "v=v=1.0.7">
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>在线设计</title>
    <#include "./common/resource.ftl">
    <link rel="stylesheet" href="${base}${customPrePath}/report/desreport_/corelib/cust.css?${CACHE_VERSION}">
<#--    <link rel="shortcut icon" href="${base}${customPrePath}/report/desreport_/corelib/logo.png?${CACHE_VERSION}" type="image/x-ico">-->
</head>
<style>
    html,body{
        width: 100%;
        height: 100%;
    }
    #StatisticalAdministration{
        width: 100% !important;
        height: 100% !important;
        margin-left: 50px;
    }
    .btn{
        height: 50px;width: 100%;
        padding: 10px;display: flex;
        align-items: center;
    }
</style>
<body style="background: #ffffff">
<!--引入自定义组件-->
<div id="StatisticalAdministration">
    <el-button type="primary" @click="handleOperation('add')" style="margin-bottom: 20px;">添加</el-button>
    <el-table :data="tableData"  style="width: 100%" border>
        <el-table-column type="index" label="序号" align="center" width="80">
        </el-table-column>
        <el-table-column
                v-for="(item,index) in columns"
                :key="index"
                :prop="item.key"
                :label="item.title"
                align="center"
                :width="item.width ? item.width : ''"
        ></el-table-column>
        <el-table-column label="操作" width="180" align="center">
            <template slot-scope="scope">
                <el-button @click="handleOperation('edit')" type="text" size="small">编辑</el-button>
                <el-button type="text" size="small">删除</el-button>
            </template>
        </el-table-column>
    </el-table>
</div>
<script>
    var currentPage = new Vue({
        el: '#StatisticalAdministration',
        data: {
            columns: [
                {
                    title: '统计任务名称',
                    key: 'name'
                },
                {
                    title: '统计任务编号',
                    key: 'age'
                },
                {
                    title: '处理方式',
                    key: 'address'
                },
                {
                    title: '使用脚本名称',
                    key: 'age'
                },
                {
                    title: '任务启用状态',
                    key: 'type'
                },
                {
                    title: 'Action',
                    slot: 'action',
                    width: 150,
                    align: 'center'
                }
            ],
            tableData: [
                {
                    name: 'John Brown',
                    age: 18,
                    address: 'New York No. 1 Lake Park',
                    date: '2016-10-03'
                },
                {
                    name: 'Jim Green',
                    age: 24,
                    address: 'London No. 1 Lake Park',
                    date: '2016-10-01'
                },
                {
                    name: 'Joe Black',
                    age: 30,
                    address: 'Sydney No. 1 Lake Park',
                    date: '2016-10-02'
                },
                {
                    name: 'Jon Snow',
                    age: 26,
                    address: 'Ottawa No. 2 Lake Park',
                    date: '2016-10-04'
                }
            ]
        },
        // computed: {
        //     menuitemClasses: function () {
        //         return [
        //             'menu-item',
        //             this.isCollapsed ? 'collapsed-menu' : ''
        //         ]
        //     }
        // },
        methods: {},
    })
</script>
<#include "./common/tj.ftl">
</body>
</html>
